<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>申报详情</title>
	<link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />

    <style>
    	html, body {width: 100%;min-height: 100%;background: #f0f0f0;}
    	.h20 {height: 0.5rem;background: #f0f0f0;}

		/* 数据 */
    .declare li .aui-list-item {
      padding: 0.75rem;
    }
    .declare .aui-list-item-right h5 {
      color: #ff9800;
    }
		.declare .aui-list-item-right h4 {
      color: red;
    }
    .declare .aui-list-item-right h6 {
      color: #2997e4;
    }
		.declare .aui-list-item-right span {
      color: #333333;
    }
    .declare .aui-list-item-title h5 {
      color: #2997e4;
    }
    .declare .aui-list-item-title h6 {
      color: #999;
    }
		.aui-list .aui-list-item-right, .aui-list-item-title-row em {
			max-width: none;
		}

    .declare ul,.declare ul li:nth-of-type(1) .aui-list-item,.declare ul li:nth-last-of-type(1) .aui-list-item {
      background-size: 0;
    }
    </style>
</head>
<body>
	<div id="app" v-cloak>
	<!-- 第一块 -->
	<div class="aui-content declare">
	    <ul class="aui-list aui-list-in">
	        <li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>进度</h6>
									</div>
	                <div class="aui-list-item-right">
										<h6 v-if="data.status == 0">审核通过</h6>
										<h4 v-else-if="data.status == 1">审核不通过</h4>
	                	<h5 v-else>未审核</h5>
	                </div>
	            </div>
	        </li>
	    </ul>
	</div>
	<div class="h20"></div>

	<!-- 第二块 -->
  <div class="aui-content declare">
	    <ul class="aui-list aui-list-in">
	        <li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>所属领域</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.domain}}</span>
	                </div>
	            </div>
	        </li>
          <li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>所属方向</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.direction}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>计划名称</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.plan_title}}</span>
	                </div>
	            </div>
	        </li>
          <li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>推荐单位</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.recommend_unit}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>申报单位</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.declare_unit}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>计划负责人</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.plan_leader}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>联系电话</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.telephone}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>电子邮箱</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.email}}</span>
	                </div>
	            </div>
	        </li>
					<li>
	            <div class="aui-list-item-inner aui-list-item">
	                <div class="aui-list-item-title">
										<h6>传真</h6>
									</div>
	                <div class="aui-list-item-right">
	                	<span>{{data.fax}}</span>
	                </div>
	            </div>
	        </li>
	    </ul>
	</div>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/utils.min.js"></script>
<script type="text/javascript">

apiready = function() {
	var app = new Vue({
		el: '#app',
		data: {
			data: [],
		},
		created: function() {
			var $_this = this;
			api.ajax({
				url: window.Url.mydeclarationform + api.pageParam.id,
				timeout: 300,
			}, function(ret, err) {
					if (ret.code == 0) {
							$_this.data = ret.data

					} else {
							api.alert({ msg: JSON.stringify(err) });
					}
			})

		},
		methods: {

		}
	})
}

</script>
</html>
